<template>
<div class="xy-noresult">
  <img :src="emptyImg[icon]" class="mgb10"/>
  <p class="text-regular">{{tips}} <slot></slot></p>
</div>
</template>

<script>
import empty1 from '../assets/images/empty-state/001.png'
import empty2 from '../assets/images/empty-state/002.png'
import empty3 from '../assets/images/empty-state/003.png'
import empty4 from '../assets/images/empty-state/004.png'
import empty5 from '../assets/images/empty-state/005.png'
import empty6 from '../assets/images/empty-state/006.png'
import empty7 from '../assets/images/empty-state/007.png'
import empty8 from '../assets/images/empty-state/008.png'
import empty9 from '../assets/images/empty-state/009.png'
import empty10 from '../assets/images/empty-state/010.png'
import empty11 from '../assets/images/empty-state/011.png'
import empty12 from '../assets/images/empty-state/012.png'
export default {
  name: 'Noresult',
  props: {
    icon: String,
    tips: String
  },
  computed: {
    emptyImg() {
      return {
        '001': empty1,
        '002': empty2,
        '003': empty3,
        '004': empty4,
        '005': empty5,
        '006': empty6,
        '007': empty7,
        '008': empty8,
        '009': empty9,
        '010': empty10,
        '011': empty11,
        '012': empty12,
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.xy-noresult{
  text-align: center;
  & img{
    width: 80px;
  }
}
</style>
